Видеокурс по CoffeeScript на русском языке

Часть 1. Введение в CoffeeScript

В этом введении Sorax вкратце расскажет о том, что такое CoffeeScript, откуда он появился и то, почему все таки стоит его изучать.

Немного информации с официального сайта:

Этот язык позволит вам улучшить читаемость кода и уменьшить его размер. В среднем для выполнения одинаковых действий на Кофе требуется до 2х раз меньше кода, чем на JavaScript. Автором является Jeremy Ashkenas.

Язык может компилироваться в JS на серверной стороне - для этого необходимо установить Node.js. Так же возможна компиляция на браузерной стороне - для этого необходимо подключить JS компилятор.

Попробовать язык можно вживую на основном сайте coffeescript.org, нажав на "TRY". Так же вы можете посмотреть как будет выглядеть ваш JavaScript на Кофе с помощью on-line сервиса трансляции: js2coffee.org.

Часть 2. Установка компилятора CoffeeScript

Думаю, что вы уже догадались о чем будет речь в данном видеоуроке: Sorax подробно опишет процесс установки компилятора CoffeeScript и разберет основные моменты работы и ним.

Часть 3. Типы данных языка CoffeeScript

В данном уроке будут разобраны основные отличия CoffeeScript и JavaScript при работы с различными типами данных.

Часть 4. Операторы языка CoffeeScript

Из этого урока вы узнаете, какие существуют операторы в языке CoffeeScript.

is

===

isnt

!==

not

!

and

&&

||

true, yes, on

true

false, no, off

false

@, this

this

of

in

in

no JS equivalent

Часть 5. Функции в языке CoffeeScript

Вот мы начинаем подбираться к сладкому в кофе! Из этого урока вы узнаете, как описываются функции в этом языке программирования на простом примере с приветствием.

square = (x) -> x * x 

cube   = (x) -> square(x) * x

var cube, square;

square = function(x) {
 return x * x;
};

cube = function(x) {
  return square(x) * x;
};

fill = (container, liquid = "coffee") ->
  "Filling the #{container}
  with #{liquid}..."

var fill;

fill = function(container, liquid) {
  if (liquid == null) {
    liquid = "coffee";
  }
  return "Filling the " + container + 
  " with " + liquid + "...";
};

Часть 6. Условия в языке CoffeeScript

В этом уроке вы познакомитесь с синтаксисом CoffeeScrit по написанию условий (а это отдельная песня, достойная вашего внимания).

mood = greatlyImproved if singing

if happy and knowsIt
  clapsHands()
  chaChaCha()
else
  showIt()

date = if friday then sue else jill

var date, mood;

if (singing) {
  mood = greatlyImproved;
}

if (happy && knowsIt) {
  clapsHands();
  chaChaCha();
} else {
  showIt();
}

date = friday ? sue : jill;

Часть 7. Циклы в языке CoffeeScript

В этом уроке вы познакомитесь со всеми возможными циклами языка CoffeeScript, и, поверьте, среди них обязательно найдется и на ваш вкус!

# Eat lunch.
eat food for food in ['toast', 'cheese', 'wine']

# Fine five course dining.
courses = ['greens', 'caviar', 'truffles', 'roast', 'cake']
menu i + 1, dish for dish, i in courses

# Health conscious meal.
foods = ['broccoli', 'spinach', 'chocolate']
eat food for food in foods when food isnt 'chocolate' 

var courses, dish, food, foods, i, _i, _j, _k, _len, _len1, _len2, _ref;

_ref = ['toast', 'cheese', 'wine'];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  food = _ref[_i];
  eat(food);
}

courses = ['greens', 'caviar', 'truffles', 'roast', 'cake']; 

for (i = _j = 0, _len1 = courses.length; _j < _len1; i = ++_j) {
  dish = courses[i];
  menu(i + 1, dish);
}

foods = ['broccoli', 'spinach', 'chocolate']; 

for (_k = 0, _len2 = foods.length; _k < _len2; _k++) {
  food = foods[_k];
  if (food !== 'chocolate') {
    eat(food);
  }
}

countdown = (num for num in [10..1])

var countdown, num;

countdown = (function() {
  var _i, _results;
  _results = [];
  for (num = _i = 10; _i >= 1; num = --_i) {
    _results.push(num);
  }
  return _results;
})();

yearsOld = max: 10, ida: 9, tim: 11

ages = for child, age of yearsOld
  "#{child} is #{age}"

var age, ages, child, yearsOld;

yearsOld = {
  max: 10,
  ida: 9,
  tim: 11
};

ages = (function() {
  var _results;
  _results = [];
  for (child in yearsOld) {
    age = yearsOld[child];
    _results.push("" + child + " is " + age);
  }
  return _results;
})();

Часть 8. Классы в языке CoffeeScript

Вот мы и подобрались к одной из самых вкусных частей CoffeScript - классы. Если вы знакомы с JavaScript, то вы наверняка сталкивались с их "забавной" реализацией в нем. С счастью, CoffeeScript элегантно и просто решает эту проблему и теперь вы можете использовать всю мощь ОПП безо всяких оглядок!

Часть 9. Практический пример

Теория, конечно, хорошо. Но мы знаем, что теория без практики путь в никуда. Поэтому давайте закрепим полученные знания с помощью практического примера по написанию системы частиц, которая будет отрисовываться на Canvas.

Источники

1. http://www.youtube.com/playlist?list=PLwSSV-_L9sztYcaMbY2XlehMFeR8Khs0j
2. Официальный сайт CoffeeScript
3. Русскоязычный сайт по CoffeeScript
4. Репозиторий CoffeeScript на GitHub

Сводка

• Авторы: Василий Лазаренко
• Дата создания: 2015-01-26 22:31
• Теги: CoffeeScript, язык программирования, JavaScript, видеокурс на русском, курс
• Количество просмотров: 8824
• Оценить статью:
   

   

   

   

   
• Всего оценок: 8
• Рейтинг: 364
• Поделиться:
  

Комментарии